<template>

  <div v-if="!visible"><input class="inputBtn" type="button" value="打开新弹窗" @click="show"></div>
  <popup v-else="visible" :visible.sync="visible" :left ="leftCall" title="弹窗窗口">
    <div>这里是一个新的弹窗界面</div>
  </popup>


</template>
<script>
    import popup from '@/components/popup';
    export default{
        data(){
          return {
            visible:false
          }
        },
        components:{
            'popup':popup
        },
        methods:{
          show(){
            this.visible =true;
          },
          leftCall(){
              this.visible =false;
          }
        }
    }
</script>
